/* 禁止盗用*/
@charset "UTF-8";
body{overflow-x: hidden; font-family: "Microsoft YaHei"; font-size:13px; line-height:28px}
ul{padding: 0; margin: 0;}
ul li{list-style: none;}
a{color: #434343; text-decoration: none;}
h1, h2, h3, h4, h5{margin: 0;}
a:focus,
a:hover{color: #D90000; text-decoration: none;}
a:focus{outline: none; outline-offset: -2px;}
P{margin-bottom: 0;}
button,input,textarea{font-size:100%;vertical-align:middle;padding: 0;outline:0;border-radius:0;-webkit-appearance:none;}
html{font-size:100px}
@media screen and (min-width:360px){html{font-size:112.5px}}
@media screen and (min-width:375px){html{font-size:117.19px}}
@media screen and (min-width:414px){html{font-size:129.38px}}
@media screen and (min-width:480px){html{font-size:150px}}
@media screen and (min-width:640px){html{font-size:200px}}
.xyin-product .pro-sort .pro-sort-menu:after, .xyin-case-item .case-main-bot ul:after, .hot-keys:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after, .xylogin-form .input-g:after, .personal-cont li:after{content: ""; display: table; clear: both;}
.xyin-product .pro-sort .pro-sort-menu > li > a, .xyin-product .pro-list-box .pro-list-item li h3, .xyin-case-item .case-main-bot ul li h5, .xyin-honor .honor-slick .honor-slick1 .slick-con h3, .xyin-caseb .caseb-slick .slick-con h3, .news-slick .slick-con h3, .xyin-news-mid li a, .xyin-problem li h4, .xy-tonglan .ft-nav dd a, .latest-news li a, .hot-keys li a, .xypg-left-nav > li > a, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-product-list li h3 a, .xypg-news-list li .tit h3, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
@font-face{font-family: "iconfont"; src: url("../fonts/iconfont.eot"); /* IE9*/ src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/096023c00751480a873302f20bc10dde.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg"); /* iOS 4.1- */} .iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-msnui-qr-code:before{content: "\e66a";} .icon-msnui-download:before{content: "\e67b";} .icon-tubiao209:before{content: "\e61b";} .icon-huiyuan21:before{content: "\e641";} .icon-zhiding:before{content: "\e66d";} .icon-qq:before{content: "\e62d";} .icon-icon-inquiry:before{content: "\e645";} .icon-iconfontphone:before{content: "\e634";}
.icon-tuichu:before{content: "\e642";}
.icon-gengduo:before{content: "\e688";}
.icon-emiyanzhengma:before{content: "\e61c";}
.icon-shouji:before{content: "\e6a1";}
.icon-shijian:before{content: "\e6b5";}
.icon-weixin:before{content: "\e64f";}
.icon-arrowdown:before{content: "\e692";}
.icon-arrowleft:before{content: "\e693";}
.icon-arrowright:before{content: "\e694";}
.icon-arrowup:before{content: "\e695";}
.icon-close:before{content: "\e69a";}
.icon-account:before{content: "\e6a3";}
.icon-search:before{content: "\e6a5";} .icon-up:before{content: "\e6a9";} .icon-add:before{content: "\e6b9";} .icon-minus:before{content: "\e6ba";} .icon-atm:before{content: "\e6bd";} .icon-dizhi:before{content: "\e61a";} .icon-mimaffffffpx:before{content: "\e604";} .icon-chakan:before{content: "\e605";} .icon-wenjianxiazaiicon:before{content: "\e603";}
/* è‡ªåŠ¨èŽ·å–ä¸‹è½½æ–‡ä»¶ç±»åž‹å›¾æ ‡æ ·å¼ */
@font-face{font-family: 'filetypeicon'; /* project id 455609 */ src: url("../fonts/font_455609_md6xsqc4pwrk9.eot"); src: url("../fonts/font_455609_md6xsqc4pwrk9.eot") format("embedded-opentype"), url("../fonts/font_455609_md6xsqc4pwrk9.woff") format("woff"), url("../fonts/font_455609_md6xsqc4pwrk9.ttf") format("truetype"), url("../fonts/font_455609_md6xsqc4pwrk9.svg#iconfont") format("svg");}
.filetypeicon{font-family: "filetypeicon"; font-size: 13px; font-style: normal;}
#ydemo{background-color:#f2f2f2; padding:15px; overflow: hidden; margin: 0 auto; position: relative; height:495px; margin-top: 30px;}
#yindemo{height: 100%;}
#ydemo1{}
#ydemo2{}
/* é¡¶éƒ¨ */
.xy-top{font-size: 12px; color: #666666; line-height: 33px; height: 33px; background: #f6f6f6;}
.xy-top .top-links{text-align: right; color: #999999;}
.xy-top .top-links a{color: #999999; display: inline-block; margin: 0 5px;}
.xy-top .top-links a:hover{text-decoration: underline;}
/* å¤´éƒ¨ */
.xy-head img{max-width: 100%;}
.xy-head .cxt{float: right;height: 100px;padding-left: 83px;background: url(../images/tel.png) no-repeat 12px center;}
.xy-head .cxt p{padding-top: 18px;color: #555;font-size: 18px;}
.xy-head .cxt span{color: #D90000;font-size: 30px;font-weight: bold;}
.xy-logo{position: relative;}
.xy-logo .logo-img{font-size: 0;}
@media (max-width: 990px){.xy-logo{position: relative;}
.xy-logo .logo-img{line-height: 100px;padding-right: 20%;}}
@media (max-width: 990px){.xy-logo .logo-img{line-height: 80px;}}
/* å¯¼èˆªæ ·å¼ */
.xy-nav{background: #D90000;}
.xy-menu > li{float: left;position: relative;width: 12.5%;transition: all .5s;}
.xy-menu > li > a{display: block; text-align: center; color: #fff; line-height: 48px; font-size: 16px; color: #ffffff;}
.xy-menu > li:hover, .xy-menu > li.cur .topa{background: #FF0000;}
.xy-menu > li dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.xy-menu > li dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.xy-menu > li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.xy-menu > li dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #FFFFFF;}
.xy-menu > li dl dd:first-child{border: none;}
.xy-menu > li dl dd a{display: block;color: #fff;font-size: 14px;padding: 0;background: #D90000;text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #FF0000, #FF0000);background-image: linear-gradient(to right, #FF0000, #FF0000);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}
.xy-menu > li dl dd a:hover {background-size: 100% 100%;padding-left: 10px;color: rgba(255, 255, 255, 0.9999);}
@media (max-width: 990px){.xy-nav{position: absolute;display: none;z-index: 9999;left: 0;right: 0;}
.xy-menu > li{float: none;width: 100%;border: none;}
.xy-menu > li:not(:last-child){border-bottom: 1px dashed #FFFFFF;}
.xy-menu > li > a{line-height: 40px;font-size: 14px;}
.xy-menu > li dl{display: none;}}
.nav-btn{display: none;}
@media (max-width: 990px){.nav-btn{display: block; position: absolute; z-index: 999; right: 10px; width: 30px; top: 50%; margin-top: -11px;}
.nav-btn span, .nav-btn:after, .nav-btn:before{display: block; height: 2px; background: #333;-webkit-transition: all .5s ease; transition: all .5s ease;}
.nav-btn span{margin: 8px 0;}
.nav-btn:after, .nav-btn:before{content: ''; -webkit-transform-origin: 3%; transform-origin: 3%;}
.nav-btn.clicked span{opacity: 0;}
.nav-btn.clicked:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav-btn.clicked:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}}
/*é¦–é¡µbanneræ ·å¼*/
.slick-banner{position: relative;}
.slick-banner .slick-arrow{position: absolute; z-index: 99; width: 60px; height: 60px; margin-top: -30px; top: 50%; background-color: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: auto; background-image: url(../images/xyin-banner-jt.png); border-radius: 90px; cursor: pointer; outline: none; border: none; font-size: 0; -webkit-transition: all .5s; transition: all .5s;}
.slick-banner .slick-arrow.slick-prev{left: 7.8125%; background-position: 0 0;}
.slick-banner .slick-arrow.slick-next{right: 7.8125%; background-position: -60px 0;}
.slick-banner .slick-arrow:hover{background-color: rgba(0, 0, 0, 0.5);}
.slick-banner .slick-dots{position: absolute;left: 0;right: 0;text-align: center;font-size: 0;z-index: 9;bottom: 15px;}
.slick-banner .slick-dots li{display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 50%;background: #fff;cursor: pointer;}
.slick-banner .slick-dots li button{background: none; outline: none; border: none; font-size: 0;}
.slick-banner .slick-dots li.slick-active{background: #D90000;}
.slick-banner .img img{width: 100%;}
.slick-banner .slick-con{position: relative;}
#mob-banner{display: none;}
@media (max-width: 768px){#pc-banner{display: none;}
#mob-banner{display: block;}}
/*xyin-honor*/
.xyin-honor{background: #fff url(../images/index_pro_bg.jpg) top center no-repeat; background-size: cover; padding: 60px 0 80px 0;}
.in_title{width:100%; height:auto; overflow:hidden; text-align:center}
.in_title a{font:bold 40px/40px "å¾®è½¯é›…é»‘"; color:#000; text-align:center; padding-bottom:15px}
.in_title a span{color:#D90000}
.in_title font{font-size:16px; color:#787878; margin-left:15px}
.in_cpyy{margin-top:40px; width:100%; height:auto; overflow:hidden; text-align:center}
.in_cpyy ul{text-align:center; margin:0 auto; display:inline-block}
.in_cpyy ul li{text-align:center; float:left; margin:3px 12px;}
.in_cpyy ul li a{font-size:16px; border:1px solid #ccc; border-radius:5px; display:block; padding:5px 15px}
.in_cpyy ul li a:hover{background-color:#D90000; color:#fff}
.xyin-honor .honor-tit{background: url(../images/honor_bg.png) top 20px right 55px no-repeat; margin-bottom: 25px;}
.xyin-honor .honor-tit li{display: inline-block; width: 147px; line-height: 44px; text-align: center; background: #288fc7; font-size: 20px;}
.xyin-honor .honor-tit li a{color: #ffffff;}
.xyin-honor .honor-tit li:hover{background: #0b6a9f;}
.xyin-honor .honor-tit li + li{margin-left: 10px;}
.xyin-honor .honor-tit .more{float: right; font-size: 14px; color: #000000; margin-top: -30px;}
.xyin-honor .honor-slick{position: relative; margin-top:40px}
.xyin-honor .honor-slick .slick-list{margin: 0 -10px;}
.xyin-honor .honor-slick .slick-con{display: block; padding: 0 10px;}
.xyin-honor .honor-slick .slick-con .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.xyin-honor .honor-slick .slick-con .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.xyin-honor .honor-slick .slick-con p{font-size:16px;line-height:30px;color:#434343;background-color:#fff;text-align:center;padding: 20px 10px;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xyin-honor .honor-slick .slick-con:hover img{transform: scale(1.1);}
.xyin-honor .honor-slick .slick-con:hover p{background-color:#D90000; color:#fff}
.xyin-honor .honor-slick .slick-con h3{text-align: center; font-size: 14px; color: #666666; line-height: 30px;}
.xyin-honor .honor-slick .slick-dots{position: absolute;left: 0;right: 0;text-align: center;font-size: 0;z-index: 9;bottom: -55px;}
.xyin-honor .honor-slick .slick-dots li{display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 50%;background: #AAAAAA;cursor: pointer;}
.xyin-honor .honor-slick .slick-dots li button{background: none; outline: none; border: none; font-size: 0;}
.xyin-honor .honor-slick .slick-dots li.slick-active{background: #D90000;}
.in_sh h4{font-weight:normal;text-align: center; margin-top:60px}
.in_sh h4 b{display:inline-block;width:498px; margin:0 auto; height: 50px;line-height: 50px;font-size: 24px;color: #D90000;border:1px solid #D90000;}
.in_sh .tel{text-align: center;height:36px;line-height: 36px;margin-top:25px;}
.in_sh .tel span{padding:10px 0 10px 60px;font-size: 28px;color: #222; font-family:Arial, Helvetica, sans-serif; background:url(../images/index_ic.png) no-repeat left center;}
.in_sh .tel a{display:inline-block;height: 36px;padding:0 30px;font-size: 14px;color: #fff;background: #D90000;border-radius:2px;vertical-align:top;margin-left:14px;font-weight:bold;}
@media (max-width: 991px){.in_title a{font:bold 38px/40px "å¾®è½¯é›…é»‘";}
.in_title font{margin-top:10px; margin-left:0; display:block} }
@media (max-width: 768px){.xyin-honor{padding: 40px 0 60px 0;}
.xyin-honor .honor-tit{background: none;margin-bottom: 25px;}
.xyin-honor .honor-tit li{width: 100px;line-height: 35px;font-size: 16px;}
.xyin-honor .honor-slick .slick-con{padding: 0 5px;}}
@media (max-width: 767px){.in_sh{display:none}}
/*about*/
.in_about{width:100%; margin-top:60px; height:auto; overflow:hidden;}
.in_about_r{width:50%; float:right}
.in_about_r a img{width:100%; height:auto; overflow:hidden}
.in_about_l{width:46%; float:left}
.in_about_l h3{padding-bottom:15px;}
.in_about_l h3 a{font-size:40px; font-weight:bold; color:#000}
.in_about_l h3 a span{font:normal 46px/56px Arial, Helvetica, sans-serif; color:#ddd; display:block}
.in_about_l p{margin-top:40px;}
.in_kl{height:auto; overflow:hidden; margin-top:30px}
.in_kl_cj{width:50%; float:left; height:auto; overflow:hidden; text-align:center;background-color:#D90000}
.in_kl_cj h3{width:50%;float:left;padding: .15rem 0 0 0;}
.in_kl_cj span{width:50%; float:right}
.in_kl_cj span a img{width:100%; height:auto; overflow:hidden}
.in_kl_cj h3 a img{display:inline-block;}
.in_kl_cj h3 a b{display:block;margin-top: .1rem;font-weight:normal;font-size:20px;color:#fff;}
.in_kl_ry{width:50%; float:left; height:auto; overflow:hidden; text-align:center;background-color:#f2f2f2}
.in_kl_ry h3{width:50%;float:left;padding: .15rem 0 0 0;}
.in_kl_ry span{width:50%; float:right}
.in_kl_ry span a img{width:100%; height:auto; overflow:hidden}
.in_kl_ry h3 a img{display:inline-block}
.in_kl_ry h3 a b{display:block;margin-top: .1rem;font-weight:normal;font-size:20px;}
@media (max-width: 1023px) and (min-width: 991px){.in_kl dl dt{width:35%;float:none; text-align:center; margin:0 auto}
.in_kl dl a dd{text-align:center;}
.in_kl dl a dd span{margin-top:15px}}
@media (max-width: 991px){.in_about_r{width:100%; float:none}
.in_about_l{width:100%; float:none}
.in_kl_cj{width:100%; float:none}
.in_kl_ry{width:100%; float:none}}
@media (max-width: 560px){.in_kl_cj h3{padding: .1rem 0 0 0;}
.in_kl_ry h3{padding: .1rem 0 0 0;}
.in_kl_cj h3 a img{display:inline-block; width:40%}
.in_kl_cj h3 a b{margin-top: .05rem;}
.in_kl_ry h3 a img{display:inline-block; width:40%}
.in_kl_ry h3 a b{margin-top: .05rem;} }
@media (max-width: 1199px){.in_about_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
.in_about_b_l span{margin-top:40px;}}
@media (max-width: 1024px){.in_about_t ul li span{font-size:50px}
.in_about_b_l p{margin-top:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.in_about_b_l span{margin-top:30px;}
.in_about_b{padding:25px}}
@media (max-width: 900px){.in_about_t ul li span{font-size:46px}
.in_about_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}}
@media (max-width: 768px){.in_about_t ul li{width:50%; margin-bottom:25px}
.in_about_t ul li span{margin-bottom:0px}
.in_about_b{margin-top:30px}
.in_about_b_l{width:100%; margin-top:15px}
.in_about_b_r{width:100%;}
.in_about_b_l span{margin-top:60px;}
.in_about_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.in_about_b{padding:25px 20px}}
/*è£èª‰èµ„è´¨*/
.in_honor_bg{background:url(../images/index_case_bg.jpg) no-repeat center #f9f9f9; padding:60px 0 30px 0; margin-top:40px}
.xyin-service{width:100%; height:auto; overflow:hidden; margin-top:40px;; background:url(../images/index_zx_bg.jpg) no-repeat center top}
.xyin-service_l{width:62%; float:left; padding:2.5% 0 0 2%}
.xyin-service_l h3{font-size:36px; color:#383838; font-weight:normal}
.xyin-service_l h4{background:url(../images/index_se_bg.png) no-repeat center left; margin-top:20px; line-height:68px; padding-left:15px; color:#fff; font-size:20px}
.xyin-service_r{width:35%; float:right}
.xyin-service_r a img{width:100%; height:auto; overflow:hidden}
.xyin-service_l .tel{height: 40px;line-height: 40px;margin-top:25px;}
.xyin-service_l .tel span{display: inline-block;padding-left:60px;font-size: 28px;color: #222;font-family:Arial, Helvetica, sans-serif;background:url(../images/index_ic.png) no-repeat left center;}
.xyin-service_l .tel a{display:inline-block;height: 36px;padding:0 30px;font-size: 14px;color: #fff;background: #D90000;border-radius:2px;vertical-align:top;margin-left:14px;font-weight:bold;margin-top: 2px;}
@media (max-width: 1199px){.xyin-service{display:none}}
.xyin-news-bg{width:100%; height:auto; overflow:hidden; margin-top:60px}
.xyin-news{width:100%; height:auto; overflow:hidden; margin-top:25px}
.xyin-news_list{width:32%; float:left; background-color:#f4f4f4}
.xyin-news_list1{width:32%; float:left; margin:0 2%; background-color:#f4f4f4}
.xyin-news_top h2{width:100%;padding-top: 50%;position:relative;overflow:hidden;}
.xyin-news_top h2 a img{width:100%;height:100%;position:absolute;left:0;top:0;min-height: 100%;display: block;}
.xyin-news_top h2 a b{width:100%; text-align:center; background:rgba(0,0,0,0.7); display:block; font:normal 24px/48px "å¾®è½¯é›…é»‘"; color:#fff; margin-top:-48px; z-index:9; position:relative}
.xyin-news_top h3{padding: 5% 5% 0 5%;margin-bottom: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.xyin-news_top h3 a{font-size:18px; font-weight:bold; color:#222}
.xyin-news_top span{padding:0 5%; color:#787878; font-family:Arial, Helvetica, sans-serif}
.xyin-news_top p{padding:5%;padding-top: 0;color:#626262;text-align: justify;}
.xyin-news_b{margin:0 5%; padding:5% 0; border-top:1px solid #d1d1d1}
.xyin-news_b ul li{width:100%; line-height:36px}
.xyin-news_b ul li a{line-height:36px; font-size:14px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden}
.xyin-news_b ul li a span{color: #D90000;font-weight:bold;margin-right:10px;}
@media (max-width: 640px){.xyin-news_list{width:100%; float:none;}
.xyin-news_list1{width:100%; float:none; margin:4% 0;}}
/*footer*/
.footer{background-color:#D90000;height:auto;overflow:hidden;padding-top: 60px;margin-top:60px;}
.footer_t{height:auto; overflow:hidden;}
.footer_t_l{width:70%; float:left}
.footer_t_l dl{width:25%; float:left; color:#fff}
.footer_t_l dl dt{display:block; margin-bottom:20px}
.footer_t_l dl dt a{font-size:18px; /*font-weight:normal*/ color:#fff}
.footer_t_l dl dt img{width:100%; height:auto; overflow:hidden}
.footer_t_l dl dd a{line-height:32px; color:#fff; opacity:0.9; text-align:left}
.footer_t_r{width:30%; float:right}
.footer_t_r dl{float:left; width:48%; margin-left:2%}
.footer_t_r dl dt img{width:100%; height:auto; overflow:hidden}
.footer_t_r dl dd{text-align:center; display:block; color:#fff; line-height:32px; margin-top:15px; width:100%}
.footer_b{border-top:1px solid #FFFFFF;margin-top:20px;padding: 20px 0;width:100%;color:#fff;height:auto;overflow:hidden;text-align: center;}
.footer_b a{color:#fff; opacity:.8}
@media (max-width: 768px){.footer_t_l{width:100%; border-bottom:1px dotted #FFFFFF; padding-bottom:25px; margin-bottom:25px}
.footer_t_r{width:70%; margin:0 auto; float:none}
.footer_dh{width:50%; float:right}
.footer_t_r dl{width:48%; margin:0 1%}}
@media (max-width: 640px){.footer_t_l{border-bottom:none;}
.footer_t_l dl{width:100%; border-bottom:1px solid #FFFFFF; padding:10px 0}
.footer_t_l dl dt{margin-bottom:10px}
.footer_t_l dl dd{width:25%; float:left}
.footer_t_r{width:80%;}
.footer_dh{width:100%; float:none;}
.footer_t_l h3{width:70%; margin:0 auto; margin-top:20px}
.footer_t_l p{width:70%; margin:0 auto;}
.footer_b{padding-bottom: 70px;}}
@media (max-width: 480px){.footer_t_r{width:100%;}}
@media (max-width: 320px){.footer_t_r dl{width:100%; margin:0 0 2% 0} }
.xy-tonglan .ft-logo img{max-width: 100%;}
.ban{padding-top: 25px;}
.dilian{float: left; width: 26%; color: #fff; margin-top: 50px;}
.dilian a{color: #fff;}
.xy-tonglan .ft-nav{width: 40%; float: left; color: #fff;}
.xy-tonglan .ft-nav dl{float: left; width: 25%;}
.ft-tit{font-size: 16px; color: #ffffff; margin: 20px 0; font-weight: normal;}
.xy-tonglan .ft-nav dd a{display: block; font-size: 14px; line-height: 25px; color: rgba(255, 255, 255, 0.3); padding-right: 5%;}
.xy-tonglan .ft-nav dd a:hover{color: #288fc7;}
.xy-tonglan .ft-contact{width: 22%; float: left;}
.xy-tonglan .ft-contact .contact-box{font-size: 14px; line-height: 25px; color: rgba(255, 255, 255, 0.5);}
.xy-tonglan .ft-ewm{padding-top: 30px; width: 30%; float: right; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 25px; padding-bottom: 40px;}
.you{background: url(../images/you.png) left center no-repeat; float: right; width: 70%; height: 40px; margin-top: 50px;}
.you a{float: left; padding:0 70px; line-height:36px;}
.xy-tonglan .ft-ewm img{max-width: 100%;}
@media (max-width: 990px){.xy-tonglan .ft-nav, .xy-tonglan .ft-ewm{display: block;}
.xy-tonglan .ft-logo{width: 45%;margin-right: 5%;}
.xy-tonglan .ft-contact{width: 50%;}}
@media (max-width: 768px){.xy-tonglan .ft-logo{width: 100%;margin-right: 0;float: none;border-right: none;height:auto;padding: 0;margin-bottom: 20px;text-align: center;}
.dilian{display: none;}
.you{display: none}
.contact-box{display: none}
.xy-tonglan .ft-nav{width: 100%;text-align: center;}
.xy-tonglan .ft-contact{width: 100%;float: none;}}
/*é¡µè„š*/
.xy-footer{background: #333333;}
.xy-footer .container{border-top: 1px solid #454545; padding: 10px 0; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.7; text-align: center;}
.xy-footer .container a{color: rgba(255, 255, 255, 0.5);}
.xy-footer .container a:hover{color: #288fc7;}
/*å†…é¡µbanneræ ·å¼*/
.xypg-banner{position: relative;}
.xypg-banner .img{height: 540px; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.xypg-banner .wz{position: absolute; left: 0; right: 0; top: 50%; text-align: center; width: 50%; margin: 0 auto;}
.xypg-banner .wz h3{font-size: 30px; padding-bottom: 20px; margin: 0; color: #000;}
.xypg-banner .wz h3:after{content: ''; position: absolute; bottom: 0; width: 50px; height: 2px; left: 0; right: 0; background: #000; margin: 0 auto;}
@media (max-width: 1200px){.xypg-banner .img{height: 400px;}}
@media (max-width: 1024px){.xypg-banner .img{height: 300px;}}
@media (max-width: 768px){.xypg-banner .img{height: 220px;}
.xypg-banner .wz{top: 0;bottom: 0;margin: auto;height: 50px;}}
/* å†…é¡µåŸºæœ¬æ ·å¼ */
.xypg-wrap{padding-top: 20px; padding-bottom: 40px;}
.xypg-left-box{margin-bottom: 20px;}
.xypg-left-title{line-height: 62px; text-align: center; color: #fff; font-size: 22px; background: #3c486d; font-weight: bold; margin: 0;}
.xypg-left-con{border: 1px solid #ebebeb; padding: 15px;}
.latest-news li{margin-top: 15px;}
.latest-news li a{display: block; font-size: 14px; line-height: 20px; color: #666666;}
.latest-news li a:before{content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.latest-news li a:hover{color: #288fc7; text-decoration: underline;}
.latest-news li a:hover:before{background-color: #288fc7;}
.hot-keys li{width: 47%; float: left; margin: 6px 0;}
.hot-keys li a{display: block; text-align: center; font-size: 14px; color: #666666; line-height: 36px; background: #ededed;}
.hot-keys li a:hover{color: #288fc7; text-decoration: underline;}
.hot-keys li:nth-child(even){float: right;}
.contact-box .hot-line{background: url(../images/xypg-right-phone.png) left 5px no-repeat; padding-left: 70px; margin-bottom: 15px;}
.contact-box .hot-line h4{font-weight: normal; margin: 0; font-size: 14px; color: #666666;}
.contact-box .hot-line p{font-size: 25px; font-family: Arial; font-weight: bold; color: #ab001a; margin-bottom: 0;}
.contact-box .gs-name{font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 10px;}
.contact-box .contact-info p{margin-bottom: 0; border-bottom: 1px dotted #b8b8b8; font-size: 14px; color: #333333; padding: 8px 0;}
.contact-box .contact-info p:last-child{border-bottom: 0;}
.xypg-right-mbx{border-bottom: 1px solid #ebebeb; font-size: 14px; color: #666666; line-height: 25px; padding: 17px 0 7px 0;}
.xypg-right-mbx .cur-pos{display: inline-block; color: #333;}
.xypg-right-mbx .cur-pos .iconfont{font-size: 25px; display: inline-block; height: 25px; color: #000; margin-right: 5px;}
.xypg-right-mbx a{color: #666;}
.xypg-right-mbx a:hover{color: #288fc7; text-decoration: underline;}
@media (max-width: 992px){.xypg-right-mbx{padding-top: 0;}}
.xypg-right-content{font-size: 14px; color: #333; line-height: 1.7; padding: 15px 0;}
.xypg-right-content p img{max-width: 100%;}
.xypg-wrap .xymob-page-icon{position: fixed; right: 15px; bottom: 100px; z-index: 9999;}
.xypg-wrap .xymob-page-icon li{width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; background: rgba(40, 143, 199, 0.7); cursor: pointer;}
.xypg-wrap .xymob-page-icon li i{font-size: 20px; color: #fff;}
@media (min-width: 992px){.xypg-wrap .xymob-page-icon{display: none;}}
/* æ‰‹æœºç«™ å·¦ä¾§å¯¼èˆªå¼¹å‡ºç‰¹æ•ˆ */
.xymob-left-close-btn{display: none;}
@media (max-width: 990px){/* å¼¹å‡ºæ¡†ä¹‹åŽ body ä¸Šå¢žåŠ ä¸€ä¸ªç¦æ­¢æ»šåŠ¨çš„ç±»*/ body.no-scroll, html.no-scroll{height: 100vh;overflow: hidden;}
.xymob-menu-click{position: fixed;width: 100vw;overflow-y: scroll;top: 0;left: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 999999;height: 100vh;background: rgba(0, 0, 0, 0.7);}
.xymob-menu-click .xypg-left-news, .xymob-menu-click .xypg-left-keys, .xymob-menu-click .xypg-left-contact{display: none;}
.xymob-menu-click .xymob-left-close-btn{display: block;position: absolute;top: 15px;right: 15px;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;border: 1px solid #fff;text-align: center;background: black;}
.xymob-menu-click .xymob-left-close-btn i{font-size: 18px;color: #fff;}
.xymob-menu-click .xypg-left{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;min-height: 90vh;padding: 5vh 0;}
.xymob-menu-click .xypg-left .xypg-left-menu{width: 90%;background: #fff;}
.xymob-menu-click.click{left: 0;}}
/* å†…é¡µå·¦ä¾§å¯¼èˆªæ æ ·å¼ */
.xypg-left-nav > li{margin-bottom: 12px; position: relative;}
.xypg-left-nav > li > a{display: block; text-indent: 27px; font-size: 14px; color: #666666; position: relative; line-height: 40px; border: 1px solid #e4e4e4; padding-right: 15%;}
.xypg-left-nav > li .first-nav-btn{position: absolute; z-index: 99; width: 16px; height: 16px; border-radius: 50%; background: #d1d1d1 url(../images/xypg-left-jt.png) 0 -15px no-repeat; right: 10%; top: 13px;}
.xypg-left-nav > li .first-nav-btn.clicked{background: #288fc7 url(../images/xypg-left-jt.png) 0 1px no-repeat;}
.xypg-left-nav > li:last-child{margin-bottom: 0;}
.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a{color: #288fc7;}
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn{background-color: #288fc7;}
.xypg-left-nav .xypg-left-subnav{display: none; margin-top: 10px;}
.xypg-left-nav .xypg-left-subnav > li > a{display: block; line-height: 35px; color: #666666; font-size: 14px; padding-left: 15%; padding-right: 5%;}
.xypg-left-nav .xypg-left-subnav > li > a:before{content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #d4d4d4; border-right: none; vertical-align: 5px; margin-right: 10px;}
.xypg-left-nav .xypg-left-subnav > li > a:hover{color: #288fc7;}
.xypg-left-nav .xypg-left-subnav > li > a:hover:before{border-left-color: #288fc7;}
.xypg-left-nav .xypg-left-subnav > li.hover > a:before{content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #288fc7 transparent transparent transparent; border-bottom: none; vertical-align: middle; margin-right: 5px;}
.xypg-left-nav .xypg-left-threenav{display: none;}
.xypg-left-nav .xypg-left-threenav > li > a{display: block; font-size: 14px; line-height: 24px; color: #999999; padding-left: calc(15% + 15px); padding-right: 5%;}
.xypg-left-nav .xypg-left-threenav > li > a:before{content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 2px; background: #d4d4d4; margin-right: 5px;}
.xypg-left-nav .xypg-left-threenav > li > a:hover{color: #288fc7;}
@media (max-width: 990px){.xypg-left-nav .xypg-left-threenav{display: block;}}
/*äº§å“åˆ—è¡¨é¡µæ ·å¼*/
.xypg-pro-description{border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 2em;}
.xypg-product-list{margin: 0 -1%; font-size: 0;}
.xypg-product-list li{display: inline-block; vertical-align: bottom; width: 31.333%; margin: 0 1% 20px 1%;}
.xypg-product-list li .img{display: block; overflow: hidden;}
.xypg-product-list li .img img{width: 100%; -webkit-transition: all .7s ease; transition: all .7s ease;}
.xypg-product-list li .img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.xypg-product-list li h3{font-size: 16px; font-weight: normal; margin: 15px 0 0 0;}
.xypg-product-list li h3 a{color: #333333; display: block; text-align: center;}
.xypg-product-list li h3 a:hover{color: #288fc7;}
@media (max-width: 768px){.xypg-product-list li{width: 48%;}}
@media (max-width: 375px){.xypg-product-list li{width: 98%;}}
/* åˆ†é¡µåŸºæœ¬æ ·å¼ */
.xypg-pagination{margin-top: 20px; text-align: center; font-size: 0;}
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select{display: inline-block; vertical-align: middle;}
.xypg-pagination a, .xypg-pagination #current{display: inline-block; font-size: 14px; color: #333333; font-family: "Microsoft YaHei",Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px;}
.xypg-pagination #current, .xypg-pagination a:hover{color: #fff; border-color: #288fc7; background: #288fc7;}
.xypg-pagination .pagin-mid{font-size: 14px;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: none;}
.xypg-pagination .pagin-select{font-size: 14px;}
.xypg-pagination .pagin-select select{height: 28px; padding: 0 8px; margin: -1px 5px 0 5px;}
@media (max-width: 768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display: none;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: block;}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display: inline-block;padding: 0 8px;line-height: 28px;font-size: 14px;}
.xypg-pagination .pagin-select{display: none;}}
/* å†…é¡µæ–°é—»åˆ—è¡¨ */
.xypg-news-list li{border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s;}
.xypg-news-list li .tit{border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative;}
.xypg-news-list li .tit h3{padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0;}
.xypg-news-list li .tit .date{position: absolute; right: 0; top: 0; font-size: 14px; color: #666666;}
.xypg-news-list li .info{font-size: 14px; line-height: 2; color: #999999;}
.xypg-news-list li .more{margin-top: 15px;}
.xypg-news-list li .more span{display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xypg-news-list li:hover{-webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);}
.xypg-news-list li:hover .tit h3{color: #288fc7;}
.xypg-news-list li:hover .more span{color: #fff; background-color: #288fc7;}
@media (max-width: 990px){.xypg-news-list li .tit{border-bottom: none;}
.xypg-news-list li .tit h3{padding-right: 0;padding-bottom: 10px;}
.xypg-news-list li .tit .date{position: static;border-bottom: 1px solid #cbcbcb;padding-bottom: 5px;color: #999;}}
/*å†…é¡µè¯¦æƒ…é¡µé¢å…¬ç”¨æ ·å¼*/
.xypg-detail-title{font-size: 20px; color: #363636; font-weight: bold; margin-bottom: 10px; line-height: 1.7;}
.xypg-detail-info-bar{font-size: 14px; font-family: Arial; color: #9e9e9e; line-height: 35px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 20px;}
.xypg-detail-info-bar .detail-info-time{float: left; margin-right: 20px;}
.xypg-detail-info-bar .detail-info-time i{margin-right: 4px;}
.xypg-detail-info-bar .detail-info-numbers{float: left;}
.xypg-detail-info-bar .detail-info-numbers i{font-size: 12px; margin-right: 4px;}
.xypg-detail-info-bar .xypg-file-down{float: right; position: relative;}
.xypg-detail-info-bar .xypg-file-down .file-down-title{cursor: pointer;}
.xypg-detail-info-bar .xypg-file-down .file-down-title i{margin-right: 5px;}
.xypg-detail-info-bar .xypg-file-down .file-down-title:hover{color: #288fc7;}
.xypg-detail-info-bar .xypg-file-down .file-down-list{position: absolute; z-index: 9999; width: 250%; right: 0; background: #fff; display: none;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li{padding: 10px 0; border-top: 1px dashed #cfcfcf;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon{float: left; font-size: 40px; line-height: 40px; margin-right: 5px; height: 40px;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con{overflow: hidden; line-height: 1;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p{font-size: 12px; margin-bottom: 0; line-height: 20px;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a{font-size: 12px;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover{color: #288fc7;}
.xypg-detail-con-title{margin: 20px 0 10px 0;}
.xypg-detail-con-title span{display: inline-block; font-size: 18px; color: #288fc7;}
.xypg-detail-tags{margin-top: 40px;}
.xypg-detail-tags .tags-title{border-bottom: 1px solid #c3c3c3; position: relative;}
.xypg-detail-tags .tags-title h3{display: inline-block; padding: 0 30px; font-size: 16px; color: #288fc7; line-height: 40px; border-bottom: 3px solid #288fc7; margin-bottom: -1px;}
.xypg-detail-tags .tags-title .baidu-share{position: absolute; right: 0; top: 8px;}
.xypg-detail-tags .tags-content{padding-top: 10px;}
.xypg-detail-tags .tags-content a{font-size: 13px; color: #666666; display: inline-block; margin-right: 20px;}
.xypg-detail-tags .tags-content a:hover{color: #288fc7;}
.xypg-detail-pn{margin-top: 30px;}
.xypg-detail-pn div{margin-bottom: 10px; background: #ededed; line-height: 35px; padding: 0 20px; position: relative;}
.xypg-detail-pn div b{font-size: 16px; color: #333333; float: left; font-weight: normal;}
.xypg-detail-pn div a{float: left; width: 75%; font-size: 14px; color: #565656;}
.xypg-detail-pn div a:hover{color: #288fc7;}
@media (max-width: 600px){.xypg-detail-pn div a{width: 60%;}}
@media (max-width: 600px){.xypg-detail-pn div a{width: 50%;}}
.xypg-detail-pn div span{position: absolute; right: 20px; top: 0; font-size: 13px; color: #666666;}
/*ç›¸å…³äº§å“ å’Œ ç›¸å…³æ–°é—»*/
.xypg-relate{margin-top: 50px;}
.xypg-relate .relate-title{background: #288fc7; color: #fff; font-size: 16px; line-height: 50px; padding-left: 25px; margin-bottom: 20px;}
.relate-product-slick{padding: 0 5%; position: relative;}
.relate-product-slick .slick-arrow{position: absolute; top: 50%; width: 14px; height: 26px; margin-top: -13px; outline: none; border: none; font-size: 0;}
.relate-product-slick .slick-arrow.slick-prev{left: 0; background: url(../images/xypg-relate-pro-ljt.png) center no-repeat;}
.relate-product-slick .slick-arrow.slick-next{right: 0; background: url(../images/xypg-relate-pro-rjt.png) center no-repeat;}
.relate-product-slick .slick-list{margin: 0 -7px;}
.relate-product-slick .slick-slide{outline: none;}
.relate-product-slick .slick-slide img{display: inline-block; width: 100%;}
.relate-product-slick .slick-con{padding: 0 7px;}
.xypg-relate .relate-news{margin-top: 40px;}
.relate-news-list li{float: left; width: 48%; position: relative; line-height: 30px; font-size: 14px; color: #666666;}
.relate-news-list li:nth-child(even){float: right;}
.relate-news-list li a{display: block; padding-right: 30%; color: #666666;}
.relate-news-list li a:before{content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.relate-news-list li span{position: absolute; right: 0; top: 0;}
.relate-news-list li:hover a{color: #288fc7;}
.relate-news-list li:hover a:before{background-color: #288fc7;}
.relate-news-list li:hover span{color: #288fc7;}
@media (max-width: 990px){.xypg-relate{display: none;}}
/*æ–°é—»è¯¦æƒ…é¡µ*/
/*æ¡ˆä¾‹åŸºæœ¬è¯¦æƒ…é¡µ*/
.xypg-case-detail .main-img{text-align: center;}
.xypg-case-detail .main-img img{max-width: 100%;}
/* æ‹›è˜è¯¦æƒ…é¡µé¢ */
.xypg-jod-detail .job-detail-title{font-size: 16px; color: #ffffff; background: #288fc7; line-height: 60px; padding-left: 25px;}
.xypg-jod-detail .job-detail-con{background: #f8f8f8; padding: 25px;}
.xypg-jod-detail .job-detail-small-title{font-size: 16px; color: #288fc7; margin-bottom: 10px;}
.xypg-jod-detail .job-detail-con-box{font-size: 14px; color: #666666; margin-bottom: 20px;}
.xypg-jod-detail .job-detail-btn a{display: inline-block; font-size: 14px; color: #ffffff; background: #666666; width: 200px; line-height: 50px; text-align: center; border-radius: 5px;}
.xypg-jod-detail .job-detail-btn a:hover{background: #288fc7;}
/* ç®€åŽ†æäº¤è¡¨æ ¼ */
.job-detail-form .form-title{border-bottom: 1px solid #ccc; font-size: 20px; line-height: 2.5;}
.job-detail-form .form-info{line-height: 2; margin: 10px 0;}
.job-detail-form .form-info span{color: red;}
.job-detail-form .red-star{color: red;}
.job-detail-form textarea{resize: none;}
.job-detail-form #checkcode{display: inline-block; width: 30%;}
.job-detail-form #checkCodeImg{vertical-align: top; margin-left: 10px;}
.job-detail-form #change_code{line-height: 34px; padding: 0 10px; color: #288fc7;}
.job-detail-form .form-small-tit{line-height: 2; font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.job-detail-form .form-prompt{font-size: 12px; margin-bottom: 15px; color: #999;}
/* åœ¨çº¿ç•™è¨€é¡µé¢ */
#message-form .red-star{color: red;}
#message-form textarea{resize: none;}
#message-form #checkcode{display: inline-block; width: 30%;}
#message-form #checkCodeImg{vertical-align: top; margin-left: 10px;}
#message-form #change_code{line-height: 34px; padding: 0 10px; color: #288fc7;}
@media (max-width: 768px){#message-form.n-default .msg-wrap{position: static;}}
/* ä¸‹è½½è¯¦æƒ…é¡µé¢ */
.xypg-download-list.xypg-download-detail-list .download-title{background: #f3f3f3;}
.xypg-download-list.xypg-download-detail-list .download-title .file-name{width: 35%;}
.xypg-download-list.xypg-download-detail-list .download-title span{width: 16.25%;}
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span{width: 16.25%;}
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first{width: 35%;}
@media (max-width: 768px){.xypg-download-list.xypg-download-detail-list .download-item .download-item-span{width: 100%;}
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first{width: 100%;}}
/* æœç´¢ç»“æžœé¡µé¢æ ·å¼ */
.xypg-search-result .tag-total{border: 1px solid #288fc7; padding: 10px; line-height: 1.6; z-index: 14px; color: #333; margin-bottom: 20px; background: #efefef;}
.xypg-search-result-box{margin-bottom: 20px;}
.xypg-search-result-box .xypg-search-title{border-left: 3px solid #288fc7; padding-left: 15px; font-size: 18px; line-height: 35px; margin-bottom: 15px; font-weight: bold;}
/* è¯¦æƒ…é¡µé¢ä¸‹è½½åˆ—è¡¨æ ·å¼ */
.xypg-detail-file-dwon li{padding: 10px 0; border-bottom: 1px dashed #cfcfcf; width: 50%; float: left;}
.xypg-detail-file-dwon li .icon{float: left; font-size: 40px; line-height: 40px; margin-right: 5px; height: 40px;}
.xypg-detail-file-dwon li .list-con{overflow: hidden; line-height: 1;}
.xypg-detail-file-dwon li .list-con p{font-size: 12px; margin-bottom: 0; line-height: 20px;}
.xypg-detail-file-dwon li .list-con a{font-size: 12px;}
.xypg-detail-file-dwon li .list-con a:hover{color: #ab001a;}
/* ç›¸å†Œåˆ—è¡¨é¡µ */
.xypg-album-cate{margin: 0 -1%;}
.xypg-album-cate li{float: left; width: 31.33333%; margin: 0 1% 20px 1%; border: 1px solid #eaeaea; padding: 10px;}
.xypg-album-cate li .album-img{margin-bottom: 15px;}
.xypg-album-cate li .album-img img{width: 100%;}
.xypg-album-cate li .album-title{text-align: center; font-size: 15px; color: #666666; margin-bottom: 5px;}
.xypg-album-cate li .album-num{font-size: 16px; color: #333333; text-align: center;}
.xypg-album-cate li .album-num span{display: inline-block; margin-right: 5px;}
@media (max-width: 768px){.xypg-album-cate li{width: 48%;}}
@media (max-width: 420px){.xypg-album-cate{margin: 0;}
.xypg-album-cate li{width: 100%;margin: 0 0 20px 0;}}
.xypg-album-list{margin: 0 -1%;}
.xypg-album-list li{float: left; width: 31.33333%; margin: 0 1% 20px 1%; position: relative;}
.xypg-album-list li .img{display: block; overflow: hidden;}
.xypg-album-list li .img img{width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xypg-album-list li h3{position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; line-height: 40px; font-weight: normal; font-size: 16px;}
.xypg-album-list li:hover .img img{-webkit-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 768px){.xypg-album-list li{width: 48%;}}
@media (max-width: 420px){.xypg-album-list{margin: 0;}
.xypg-album-list li{width: 100%;margin: 0 0 20px 0;}}
.xypg-album-list.xypg-getkey-list li{width: 18%;}
@media (max-width: 1200px){.xypg-album-list.xypg-getkey-list li{width: 31.3333%;}}
@media (max-width: 768px){.xypg-album-list.xypg-getkey-list li{width: 48%;}}
@media (max-width: 420px){.xypg-album-list.xypg-getkey-list{margin: 0;}
.xypg-album-list.xypg-getkey-list li{width: 100%;margin: 0 0 20px 0;}}
/* ä¸‹è½½åˆ—è¡¨é¡µ */
.xypg-download-list .download-title{line-height: 60px; background: #d9d9d9; font-size: 18px; color: #333333;}
.xypg-download-list .download-title span{display: block; float: left; text-align: center; width: 19%;}
.xypg-download-list .download-title .file-name{width: 43%; text-align: left; padding-left: 5%;}
.xypg-download-list .download-item{line-height: 50px;}
.xypg-download-list .download-item .download-item-span{float: left; width: 19%; text-align: center; font-size: 14px; color: #555555;}
.xypg-download-list .download-item .download-item-span.download-item-first{padding-left: 4%; width: 43%; text-align: left;}
.xypg-download-list .download-item .download-item-span.download-item-iocn .iconfont{margin-right: 5px; font-size: 14px;}
.xypg-download-list .download-item .download-item-span.download-item-iocn a{color: #288fc7;}
.xypg-download-list .download-item .download-item-span.download-item-iocn a:hover{text-decoration: underline;}
.xypg-download-list .download-item:nth-child(odd){background: #f3f3f3;}
.xypg-download-list .download-item .mob-download-title{display: none;}
@media (max-width: 768px){.xypg-download-list .download-title{display: none;}
.xypg-download-list .download-item{border: 1px solid #ebebeb;margin-bottom: 20px;background: #fff !important;}
.xypg-download-list .download-item .download-item-span{float: none;width: 100%;}
.xypg-download-list .download-item .download-item-span.download-item-first{padding-left: 0;width: 100%;}
.xypg-download-list .download-item .download-item-span .mob-download-title{float: left;display: block;width: 130px;padding-left: 15px;text-align: left;font-weight: bold;}
.xypg-download-list .download-item .download-item-span .download-item-con{float: right;width: calc(100% - 130px);text-align: right;padding-right: 20px;}
.xypg-download-list .download-item .download-item-span + .download-item-span{border-top: 1px dashed #ebebeb;}}
/* ä¸‹æ‹›è˜åˆ—è¡¨é¡µ */
.xypg-job-list .job-name{width: 32.5%; padding-left: 4%;}
.xypg-job-list .job-xlyq{width: 32.5%; padding-left: 4%;}
.xypg-job-list .job-number{width: 20%; text-align: center;}
.xypg-job-list .job-more{width: 15%; text-align: center;}
.xypg-job-list .job-title{line-height: 60px; background: #288fc7; font-size: 18px; color: #fff;}
.xypg-job-list .job-title span{display: block; float: left; font-weight: bold;}
.xypg-job-list .job-item{margin-top: 20px; line-height: 60px; background: #f8f8f8;}
.xypg-job-list .job-item .job-item-span{float: left; font-size: 16px; color: #333333;}
.xypg-job-list .job-item .job-item-span .job-item-con{display: block;}
.xypg-job-list .job-item .job-more a{float: right; display: block; text-align: center; background: #000; width: 29px; height: 29px; margin: 15px 30px 0 0; background: #9c9c9c url(../images/xypg-job-jt.png) center no-repeat; border-radius: 50%;}
.xypg-job-list .job-item .job-more a:hover{background-color: #288fc7;}
.xypg-job-list .job-item .mob-job-title{display: none;}
@media (max-width: 768px){.xypg-job-list .job-title{display: none;}
.xypg-job-list .job-item{border: 1px solid #ebebeb;margin-bottom: 20px;background: #fff !important;line-height: 50px;}
.xypg-job-list .job-item .job-item-span{float: none;width: 100%;padding-left: 0;font-size: 14px;}
.xypg-job-list .job-item .job-item-span .mob-job-title{float: left;display: block;width: 130px;padding-left: 15px;text-align: left;font-weight: bold;}
.xypg-job-list .job-item .job-item-span .job-item-con{float: right;width: calc(100% - 130px);text-align: right;padding-right: 20px;}
.xypg-job-list .job-item .job-more a{margin: 12px 0 0 0;}
.xypg-job-list .job-item .job-item-span + .job-item-span{border-top: 1px dashed #ebebeb;}}
/* äº§å“è¯¦æƒ…é¡µé¢ */
.product-detail-swiper{width: 399px; float: left;}
.product-detail-swiper .view{border: 1px solid #e5e5e5;}
.product-detail-swiper .view .swiper-slide{outline: none;}
.product-detail-swiper .view .slick-con{text-align: center; display: block; height: 318px; line-height: 318px; font-size: 0;}
.product-detail-swiper .view .slick-con img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.product-detail-swiper .view .slick-con:after{content: ""; height: 100%; vertical-align: middle; display: inline-block;}
.product-detail-swiper .preview{margin: 0 -5px; position: relative; margin-top: 10px;}
.product-detail-swiper .preview .swiper-slide{outline: none;}
.product-detail-swiper .preview .swiper-slide.active-nav .slick-con{border-color: #288fc7;}
.product-detail-swiper .preview .slick-con{text-align: center; display: block; height: 101px; line-height: 99px; margin: 0 5px; border: 1px solid #e1e1e1; font-size: 0;}
.product-detail-swiper .preview .slick-con img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.product-detail-swiper .preview .slick-con:after{content: ""; height: 100%; vertical-align: middle; display: inline-block;}
.product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right{position: absolute; z-index: 99; top: 50%; margin-top: -25px; width: 20px; height: 50px; background: rgba(89, 89, 89, 0.8); text-align: center; line-height: 50px; color: #fff; font-size: 20px;}
.product-detail-swiper .preview .arrow-left{left: 5px;}
.product-detail-swiper .preview .arrow-right{right: 5px;}
.product-detail-list{width: calc(100% - 440px); padding-top: 20px; float: right;}
.product-detail-list h1{font-size: 30px; font-weight: bold; color: #333333; line-height: 65px;}
.product-detail-list .product-detail-item li{border-top: 1px solid #eee; padding: 25px 0; font-size: 18px; color: #333333;}
.product-detail-list .product-detail-item li span{font-size: 14px; color: #666666;}
.product-detail-list .product-detail-inquiry{margin-bottom: 20px;}
.product-detail-list .product-detail-inquiry a{display: inline-block; width: 80%; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; background: #288fc7; border-radius: 2px;}
.product-detail-list .product-detail-inquiry a i{font-size: 20px; line-height: 0; vertical-align: -2px; margin-right: 5px;}
.product-detail-list .service-number{font-size: 14px; color: #333333;}
.product-detail-list .service-number span{font-size: 25px; color: #b80024;}
@media (max-width: 1200px){.product-detail-list h1{font-size: 20px;line-height: 50px;}
.product-detail-list .product-detail-item li{padding: 10px 0;font-size: 16px;}
.product-detail-list .product-detail-inquiry{margin-bottom: 20px;}
.product-detail-list .product-detail-inquiry a{width: 85%;line-height: 45px;font-size: 16px;}
.product-detail-list .service-number span{display: block;}}
@media (max-width: 768px){.product-detail-swiper{width: 100%;float: none;}
.product-detail-swiper .view .slick-con{height: auto;line-height: 0;}
.product-detail-swiper .preview .slick-con{height: auto;line-height: 0;}
.product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right{position: absolute;z-index: 99;top: 50%;margin-top: -25px;width: 20px;height: 50px;background: rgba(89, 89, 89, 0.8);text-align: center;line-height: 50px;color: #fff;font-size: 20px;}
.product-detail-list{width: 100%;float: none;}}
.product-detail-tab{margin-top: 50px;}
.product-detail-tab .product-detail-tabli{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 45px;}
.product-detail-tab .product-detail-tabli li{float: left; width: 20%; line-height: 45px; margin-top: -1px; text-align: center; font-size: 15px; color: #333333; cursor: pointer;}
.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:hover{background: #333333; color: #fff;}
.product-detail-tab .product-detail-tabcon{padding: 15px 0;}
@media (max-width: 768px){.product-detail-tab .product-detail-tabli{height: 40px;}
.product-detail-tab .product-detail-tabli li{font-size: 14px;line-height: 40px;}}
@media (max-width: 420px){.product-detail-tab .product-detail-tabli{height: 40px;}
.product-detail-tab .product-detail-tabli li{font-size: 12px;line-height: 40px;}}
/* ç«™ç‚¹åœ°å›¾æ ·å¼ */
.xypg-sitemap .map_title{line-height: 40px; background-color: #f5f8fa; border: 1px solid #d6dbe1; text-indent: 20px; color: #666; border-bottom: 2px solid #ccc; font-size: 16px;}
.xypg-sitemap .map_list{line-height: 30px; padding: 0 5px; margin-top: 8px; margin-bottom: 8px;}
.xypg-sitemap .map_list a{padding: 4px; white-space: nowrap; font-size: 14px; color: #666;}
.xypg-sitemap .map_list a:hover{text-decoration: none; color: #3b639f; padding: 4px;}
.xypg-sitemap .map_list .layer1{margin-bottom: 10px;}
.xypg-sitemap .map_list h3{border-bottom: 1px dashed #ccc; margin-bottom: 10px; line-height: 36px;}
.xypg-sitemap .map_list h3 a{font-weight: normal;}
.xypg-sitemap .map_list .layer2 a{color: #999;}
.xypg-sitemap .map_list .layer2 a:hover{text-decoration: none; color: #3b639f;}
/* ç½‘ç«™æ ‡ç­¾é¡µé¢æ ·å¼ */
.tagdescription{border: 1px solid #ccc; padding: 10px; font-size: 14px; line-height: 1.7; background: #efefef; margin-bottom: 20px;}
.tag-category{margin-bottom: 20px;}
.tag-category span{font-size: 16px; color: #000; display: inline-block;}
.tag-category a{display: inline-block; line-height: 25px; padding: 0 15px; border: 1px solid #e1e1e1; border-radius: 5px; color: #333; margin-right: 10px;}
.tag-category a:hover{background: #288fc7; color: #fff;}
.tag-list-product li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.tag-list-product li:last-child{padding-bottom: 0; border-bottom: 0;}
.tag-list-product .tag-img{width: 220px; float: left; margin-right: 20px;}
.tag-list-product .tag-img .img{display: block; border: 1px solid #e1e1e1;}
.tag-list-product .tag-img .img img{width: 100%;}
.tag-list-product .tag-wz{overflow: hidden;}
.tag-list-product .tag-wz h1{font-size: 16px; line-height: 30px; font-weight: bold; margin-bottom: 5px;}
.tag-list-product .tag-wz h1 a{color: #000;}
.tag-list-product .tag-wz .tab-fenli p{width: 50%; float: left; font-size: 14px; color: #333; margin-bottom: 0;}
.tag-list-product .tag-wz .desp{font-size: 12px; line-height: 2; height: 48px; overflow: hidden; color: #666; margin: 5px 0;}
@media (max-width: 768px){.tag-list-product .tag-img{width: 100%;float: none;text-align: center;margin-bottom: 10px;}
.tag-list-product .tag-img .img img{width: auto;max-width: 100%;}
.tag-list-product .tag-wz .tab-fenli p{width: 100%;float: none;}}
.xytag-title{font-size: 18px; border-bottom: 1px solid #ccc; line-height: 40px; margin-bottom: 10px;}
.xytag-recom-product ul{margin: 0 -1%;}
.xytag-recom-product li{float: left; position: relative; width: 18%; margin: 0 1%; overflow: hidden;}
.xytag-recom-product li img{width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xytag-recom-product li .zz-bg{position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xytag-recom-product li .zz-bg h2{position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; top: 0; width: 100%; text-align: center; font-size: 16px; line-height: 30px; color: #fff; height: 30px; margin: auto;}
.xytag-recom-product li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.xytag-recom-product li:hover .zz-bg{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
/* ä¼šå‘˜ç™»å½•æ³¨å†Œé¡µé¢æ ·å¼ */
.xy-head.login-head{position: static; padding: 15px 0;}
.xy-head.login-head .xy-head-left .logo{padding-top: 0; -webkit-transition: none; transition: none;}
.xy-head.login-head .xy-head-links{display: none;}
.xy-head.login-head .xy-menu > li{color: #333333;}
.xy-head.login-head .xy-menu > li > a{color: #333333;}
.xy-head.login-head .xy-menu > li > a .creat{width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 3px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #333333 transparent transparent transparent; border-bottom: none;}
.xy-head.login-head .xy-menu > li + li{background: url(../images/xy-login-navlibg.png) left center no-repeat;}
.xy-head.login-head .xy-head-navbar{margin-top: 10px; -webkit-transition: none; transition: none;}
.xy-head.login-head .xy-head-navbar .xy-search{border-color: #afafaf;}
.xy-head.login-head .xy-head-navbar .xy-search #keyword{color: #afafaf;}
.xy-head.login-head .xy-head-navbar .xy-search #s_btn{color: #afafaf;}
.xylogin-content{background: #ededed; min-height: calc(100vh - 103px);}
.xylogin-content .xylogin-banenr{height: 189px; background-size: cover;}
.xylogin-form{width: 600px; margin: -60px auto 0 auto; background: #ffffff; border-radius: 10px; padding: 45px 65px;}
.xylogin-form .form-title{position: relative; margin-bottom: 25px;}
.xylogin-form .form-title h3{font-size: 30px; color: #363636; display: inline-block; font-weight: bold;}
.xylogin-form .form-title a{position: absolute; right: 0; bottom: 0; font-size: 16px; color: #288fc7;}
.xylogin-form .form-title a:hover{text-decoration: underline;}
.xylogin-form .input-g{border-bottom: 1px solid #c7c7c7; margin-bottom: 15px; padding: 5px 0;}
.xylogin-form .input-g label{color: #565656; margin-right: 5px; line-height: 25px; font-size: 18px;}
.xylogin-form .input-g .input-text{width: calc(100% - 50px); border: none; outline: none; height: 25px; background: none; font-size: 16px; color: #565656;}
.xylogin-form .input-g .input-text.msg{width: 50%;}
.xylogin-form .input-g .msgcode{float: right; border: 1px solid #e1e1e1; background: none; padding: 0 5px; line-height: 25px; border-radius: 5px; font-size: 12px; color: #565656; outline: none;}
.xylogin-form .input-g .msgcode:hover{background: #288fc7; color: #fff;}
.xylogin-form .input-g #valicode{width: 50%;}
.xylogin-form .input-g #codeimg{float: right;}
.xylogin-form .forget-pwd{position: relative; line-height: 20px;}
.xylogin-form .forget-pwd .jzdlzh{display: inline-block; font-size: 14px; color: #797979;}
.xylogin-form .forget-pwd .jzdlzh #remmber{display: inline-block; vertical-align: -2px;}
.xylogin-form .forget-pwd a{font-size: 13px; color: #337ab7;}
.xylogin-form .forget-pwd a:hover{text-decoration: underline; color: #288fc7;}
.xylogin-form .btn-g{margin-top: 20px;}
.xylogin-form .btn-g input[type="submit"]{width: 100%; background: #363636; line-height: 50px; color: #fff; font-size: 18px; border: none; border-radius: 5px; outline: none;}
.xylogin-form .btn-g input[type="submit"]:hover{background: #288fc7;}
.xylogin-form .btn-g.zhuce-btn{margin-top: 35px;}
@media (max-width: 768px){.xylogin-form{width: 90%;padding: 30px 30px;}}
@media (max-width: 480px){.xylogin-form .input-g{font-size: 12px;}
.xylogin-form .input-g #valicode{width: 44%;}
.xylogin-form .input-g #codeimg{width: 100px;height: 25px;}
.xylogin-form .btn-g{margin-top: 20px;}
.xylogin-form .btn-g input[type="submit"]{line-height: 40px;font-size: 16px;}}
.xylogin-footer{background: #ededed; text-align: center; color: #666666; line-height: 30px; padding: 15px 0;}
.xylogin-footer a{color: #666;}
/* ä¸ªäººä¸­å¿ƒé¡µé¢æ ·å¼ */
.personal-cont li{margin-bottom: 15px;}
.personal-cont li label{width: 120px; font-size: 16px; text-align: right; line-height: 40px; float: left; margin-right: 10px; font-weight: normal;}
.personal-cont li .input-pwd{overflow: hidden; height: 40px; border: 1px solid #e1e1e1; border-radius: 5px; width: 40%; padding-left: 10px; outline: none;}
.personal-cont li .input-pwd:focus{border-color: #00acd8; -webkit-box-shadow: 0 0 6px #00acd8; box-shadow: 0 0 6px #00acd8;}
.personal-cont li .save-send{width: 30%; line-height: 40px; background: #288fc7; color: #fff; font-size: 16px; border: none; outline: none; border-radius: 5px;}
@media (max-width: 768px){.personal-cont li label{width: 100px;}
.personal-cont li .input-pwd{width: calc(90% - 110px);}
.personal-cont li .save-send{width: 40%;}}
@media (max-width: 420px){.personal-cont li label{width: 100%;text-align: left;margin-bottom: 0;}
.personal-cont li .input-pwd{width: 100%;}
.personal-cont li .save-send{width: 100%;}}
/* ä¼šå‘˜æƒé™è·³è½¬ */
.jump-center{text-align: center;}
.jump-center .iconfont{font-size: 200px; font-weight: bold; color: #288fc7;}
.jump-center #show{margin-bottom: 20px; font-size: 16px; color: #000;}
.jump-center #show span{font-size: 20px; color: #288fc7;}
/* åˆ†é¡µåŸºæœ¬æ ·å¼ */
.xypg-pagination{margin-top: 20px; text-align: center; font-size: 0;}
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select{display: inline-block; vertical-align: middle;}
.xypg-pagination a, .xypg-pagination #current{display: inline-block; font-size: 14px; color: #333333; font-family: "Microsoft YaHei",Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px;}
.xypg-pagination #current, .xypg-pagination a:hover{color: #fff; border-color: #ab001a; background: #ab001a;}
.xypg-pagination .pagin-mid{font-size: 14px;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: none;}
.xypg-pagination .pagin-select{font-size: 14px;}
.xypg-pagination .pagin-select select{height: 28px; padding: 0 8px; margin: -1px 5px 0 5px;}
@media (max-width: 768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display: none;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: block;}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display: inline-block;padding: 0 8px;line-height: 28px;font-size: 14px;}
.xypg-pagination .pagin-select{display: none;}}
/*ç›¸å…³äº§å“ å’Œ ç›¸å…³æ–°é—»*/
.xypg-relate{margin-top: 50px;}
.xypg-relate .relate-title{background: #ab001a; color: #fff; font-size: 16px; line-height: 50px; padding-left: 25px; margin-bottom: 20px;}
.relate-product-slick{padding: 0 5%; position: relative;}
.relate-product-slick .slick-arrow{position: absolute; top: 50%; width: 14px; height: 26px; margin-top: -13px; outline: none; border: none; font-size: 0;}
.relate-product-slick .slick-arrow.slick-prev{left: 0; background: url(../images/xypg-relate-pro-ljt.png) center no-repeat;}
.relate-product-slick .slick-arrow.slick-next{right: 0; background: url(../images/xypg-relate-pro-rjt.png) center no-repeat;}
.relate-product-slick .slick-list{margin: 0 -7px;}
.relate-product-slick .slick-slide{outline: none;}
.relate-product-slick .slick-slide img{display: inline-block; width: 100%;}
.relate-product-slick .slick-con{padding: 0 7px;}
.xypg-relate .relate-news{margin-top: 40px;}
.relate-news-list li{float: left; width: 48%; position: relative; line-height: 30px; font-size: 14px; color: #666666;}
.relate-news-list li:nth-child(even){float: right;}
.relate-news-list li a{display: block; padding-right: 30%; color: #666666;}
.relate-news-list li a:before{content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.relate-news-list li span{position: absolute; right: 0; top: 0;}
.relate-news-list li:hover a{color: #ab001a;}
.relate-news-list li:hover a:before{background-color: #ab001a;}
.relate-news-list li:hover span{color: #ab001a;}
@media (max-width: 990px){.xypg-relate{display: none;}}
@media (min-width: 991px){.history-box .tit-box .cn{font-size: 20px; line-height: 30px;}
.history-box .swiper-slide .year{font-size: 31vw;line-height: 30vw;}
.history-box .tab-box .next{right: 5%;}
.history-box{padding: 70px 0;}
.history-box .swiper-slide .img-box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 40.6%;margin: 0;}
.history-box .swiper-slide .img-box .bimg{width: 85.2%;}
.history-box .swiper-slide .img-box .simg{width: 30%;}
.history-box .swiper-slide .year{position: static;}.history-box .tab-box .txt{position: absolute;left: 46.7%;margin: 0;top: 50%;transform: translateY(-50%);width: 50%;}.history-box .tab-box .next{top: 50%;}.history-box .year-box{margin: 0;}.history-box .year-box .swiper-slide{margin-right: 60px;}
.history-box .tab-box .next{transition: all .2s linear;}.history-box .tab-box .next:hover{background-image: url('../images/history-next2.png')}/* about end */}
@media (min-width: 1367px){.history-box .tit-box .cn{font-size: 24px; line-height: 34px;}.history-box .tit-box .en{font-size: 48px; line-height: 58px; margin-top: 5px;}
.history-box .year-box{padding: 0 50px;}.history-box .year-box .swiper-slide{margin-right: 100px;}.history-box .year-box{margin-top: 0;}.history-box .swiper-slide .year{line-height: 25vw;}.history-box .tab-box .next{width: 76px;height: 76px;transition: all .2s linear;}.about-dialog-box .about-dialog-wrap h3{font-size: 24px; line-height: 34px;}/* about end */}
/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
.f_kslj{display: none;}
.toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}
.toolbar dd{width: 53px;height: 53px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 20px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #D90000;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 160px;height: 140px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color: #D90000;border-radius: 100%;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #D90000;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{background-color: #D90000;border-radius: 100%;}
.toolbar .code:hover span{background-position: 0 -95px;}
.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{background-color: #D90000;border-radius: 100%;}
.toolbar .top:hover span{background-position: 0 -142px;}
.toolbar dd:hover{}
@media screen and (max-width: 640px){.f_kslj{width: 100%;background: rgba(0,0,0,0.7);background: #D90000;padding: .5em 0;display: block;position: fixed;bottom: 0;height: auto;overflow: hidden;}
.f_kslj ul li{width: 25%; float: left; list-style: none; text-align: center;}
.f_kslj ul li a{color: #fff;text-align: center;line-height: 2.3em;}
.f_kslj ul li a i{display: block;color:#fff; font-size: 18px;}
.toolbar{display: none;}}